<%--
********************************************************************************
    Document   : pnPerfil
    Created on : 17/10/2010, 09:46:31 AM
    Author     : JAPeTo
********************************************************************************
--%>
<%@ page contentType="text/html"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<html>
    <body>
        <a4j:form ajaxSubmit="true" style="padding: 30px ;">
                <h:graphicImage value="images/thumbails/perfilIcon.png"/>
                <h1 id="titulonuevo" >Apariencia & Configuracion
                  <h:commandButton value="Cancelar" style="width:100px;float:right;" onclick="mostrarPnlistaPacientes()" />
                  <h:commandButton value="Aceptar" style="width:100px;float:right;" />
                    <rich:messages globalOnly="true"/>
                </h1>
                <hr size=5 align=left>
                <h4 id="conf" >Mi configuracion</h4>
                <hr/>
                <rich:panel id="pnDatosUsuario" header="Usuario & Sistema" style="width: 300px;">
                    <h:panelGrid columns="2">
                        <h:outputText value="Nombre :" /><h:inputText id="nombreUsuario" readonly="true"/>
                        <h:outputText value="Nombre de Acceso:" /><h:inputText id="nombreAccesoUsuario" readonly="true" />
                        <h:outputText value="Correo e:" /><h:inputText id="CorreoUsuario" readonly="true" />
                        <h:outputText value="Direccion:" /><h:inputText id="direccionUsuario" readonly="true" />
                        <h:outputText value="Telefono:" /><h:inputText id="telefonoUsuario" readonly="true" />
                    </h:panelGrid>
                </rich:panel>
                <h4 id="conf" >Apariencia</h4>
                <hr/>
                    <div style="display: block; float: left" id="dtApariencia">
                        <rich:panel id="colorApp" header="Interfaz" style="width: 300px;">
                        <h:outputText value="Escoja el color  de la aplicacion:" />
                        <h:selectOneMenu value="#{aparienciaBean.piel}" onchange="submit()">
                          <f:selectItem itemLabel="plain" itemValue="plain" />
                          <f:selectItem itemLabel="emeraldTown" itemValue="emeraldTown" />
                          <f:selectItem itemLabel="blueSky" itemValue="blueSky" />
                          <f:selectItem itemLabel="wine" itemValue="wine" />
                          <f:selectItem itemLabel="japanCherry" itemValue="japanCherry" />
                          <f:selectItem itemLabel="ruby" itemValue="ruby" />
                          <f:selectItem itemLabel="classic" itemValue="classic" />
                          <f:selectItem itemLabel="deepMarine" itemValue="deepMarine" />
                        </h:selectOneMenu>
                        </rich:panel>
                    </div>
        </a4j:form>
        <%--<rich:layout>
            <rich:layoutPanel position="top" width="20%">
            <h1>Panel de Perfil</h1>
            <h:commandButton value="Listado" onclick="return false;"/>
            <h:commandButton value="Busqueda" onclick="return false;"/>
            <h:commandButton value="Control" onclick="return false;"/>
            <hr/>
            </rich:layoutPanel>
            <rich:layoutPanel position="left" width="20%">
            <h:graphicImage value="images/thumbails/perfilIcon.png"/>
            </rich:layoutPanel>
            <rich:layoutPanel position="right" width="70%">
               <rich:panelBar >
                <rich:panelBarItem label="Aplicacion">
                    <h:graphicImage value="/images/index/appFaces.png"/><br/>
                    <h:commandLink value="Editar" onclick="changeElement(0);return false;"/><br/>
                    <h:commandLink value="Ver" onclick="changeElement(1);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="DATOS DEL FISIOTERAPEUTA">
                                <h:graphicImage value="/images/index/fisioFaces.png"/><br/>
                                 <h:commandLink value="Editar" onclick="changeElement(0);return false;"/><br/>
                                 <h:commandLink value="Ver" onclick="changeElement(1);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="DATOS DEL USUARIO">
                                <h:graphicImage value="/images/index/userFaces.png"/><br/>
                                 <h:commandLink value="Editar" onclick="changeElement(0);return false;"/><br/>
                                 <h:commandLink value="Ver" onclick="changeElement(1);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="CONOCIMIENTO DEL ENTORNO">
                <h:graphicImage value="/images/index/entornoFaces.png"/><br/>
                                 <h:commandLink value="hoja de Evolucion" onclick="changeElement(2);return false;"/><br/>
                                 <h:commandLink value="Historia Clinica" onclick="changeElement(3);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="FARMACOS">
                <h:graphicImage value="/images/index/drugFaces.png"/><br/>
                                 <h:commandLink value="Verificar" onclick="changeElement(4);return false;"/><br/>
                                 <h:commandLink value="Anexar" onclick="changeElement(5);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="RECURSOS">
                <h:graphicImage value="/images/index/toolbtFaces.png"/><br/>
                                 <h:commandLink value="Editar" onclick="changeElement(6);return false;"/><br/>
                                 <h:commandLink value="Anexar" onclick="changeElement(7);return false;"/>
                </rich:panelBarItem>
                <rich:panelBarItem label="PROGRAMA DE FISIOTERAPIA">
                <h:graphicImage value="/images/index/fisioProFaces.png"/><br/>
                                 <h:commandLink value="Editar" onclick="changeElement(8);return false;"/><br/>
                                 <h:commandLink value="Anexar" onclick="changeElement(9);return false;"/>
                </rich:panelBarItem>
                </rich:panelBar>
            </rich:layoutPanel>
        </rich:layout>--%>
    </body>
</html>